<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" />
<meta name="copyright" content="">
<meta name="author" content="">
<title>音乐国际高中</title>
<!-- <link rel="stylesheet" href="./static/css/style.css"> -->
<link rel="stylesheet" href="./static/css/element-ui.css">
<script src="./static/js/basic.js"></script>
<script src="./static/js/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="./static/js/swiper-4.5.3.min.js"></script>
<link rel="stylesheet" href="./swiper/swiper.min.css" />
<script src="./static/js/element-ui.js"></script>
<script src="./static/js/js.js"></script>
</head>

<body>
  <div id="app" class="gj-yygz">
    <my-header :type="3">
      <template v-if="con">
        <div class="ny-banner clearfix" :style="'background-image: url(' + con.banner+')'" v-if="con.banner"></div>
        <div class="gj-how-main1 box">
          <div class="tit">《什么是艺术国际高中》</div>
          <div class="desc" v-html="con.desc"></div>
          <div class="line"></div>
          <div class="gj-how-tit">音乐国际高中的优势</div>
          <dl class="yslist flex-bect">
            <dd v-for="(item, i) in con.yslist" :key="i" class="item" :class="'item'+i">
              <div class="btn">{{item.tit}}</div>
              <div class="txt">{{item.con}}</div>
              <a href="" class="kfbtn btn2" class="more">了解更多 》</a>
            </dd>
          </dl>
        </div>
        
        <div class="gj-yygz-main2">
          <div class="box">
            <div class="gj-how-tit">音乐国际高中入学流程</div>
            <dl class="list flex-bect">
              <dd v-for="(item, i) in con.lclist" :key="i" class="dd" :class="'dd'+i">
                <div class="txt" v-html="item"></div>
                <div class="num">0{{i+1}}</div>
              </dd>
            </dl>
          </div>
        </div>
        
        <div class="gj-yygz-main3">
          <div class="box clearfix">
            <div class="gj-how-tit flex-bect">音乐国际高中推荐 <span class="ri">音乐国际学校，不限户籍/国籍均可申请</span></div>
            <div class="list">
              <a v-for="(item, i) in con.school" :key="i" :href="router.gjDetail+'?id='+item.id" class="item flex-bect ease">
                <div class="imgW"><img :src="item.src" alt="" class="img"></div>
                <div class="div flex1">
                  <div class="title row1">{{item.name}}</div>
                  <div class="p">学&nbsp;&nbsp;&nbsp;&nbsp;费：<span class="money">{{item.fee}}</span></div>
                  <div class="lab">招生年级：<b>{{item.nj}}</b></div>
                </div>
                <div class="line"></div>
                <div class="btn-box">
                  <span class="btn">查看简章</span>
                  <div class="address">{{item.address}}</div>
                </div>
              </a>
            </div>
            <div class="flex-ct page"><el-pagination background layout="total, prev, pager, next" :total="total" :page-size="4" @current-change="handleCurrentChange"></el-pagination></div>
          </div>
        </div>
        <gj-hownews v-if="con.list" :con="con.list" title="艺术国际高中新闻动态，择校指南"></gj-hownews>
        
      </template>
    </my-header>
  </div>
  <style>
    
  </style>
  <script type="text/babel">
    let router = getPath()
    let time = new Date().getTime();
    new Vue({
      el: '#app',
      components: {
        'my-header': httpVueLoader('./components/header.vue?time='+time),
        'gj-hownews': httpVueLoader('./components/gj_hownews.vue?time='+time),
        
      },
      data:{
        router:router,
        con:null,
        total:30
      },
      mounted() {
        this.getCon();
      },
      
      methods: {
        getCon(){
          
          this.con = {
            banner: './static/image/gj_16_yygz/banner.png',
            desc:"<b>规避高考体制：</b>针对文化课一般，但还想上名校的学生，降低名校竞争难度<br><b>个性化留学方案：</b>定制专属音乐留学申请方案，申请流程无缝对接，助力梦校录取<br><b>音乐名校深造：</b>对接世界顶级音乐名校直申，升学率高，轻松获取名校offer<br><b>作品集指导：</b>自身作品集遇到瓶颈，需求世界顶级师资的指导，提升作品水平",
            
            yslist:[
              {id:1, tit:"音乐体系完善", con:"为学生提供西方音乐教育模式,独立高中+完善的课程体系,专业教学团队及专属升学指导"},
              {id:2, tit:"课程无缝衔接", con:"在国内读音乐国际高中，起到过渡作用，能够让学生更快更顺利地融入国外的学习和生活"},
              {id:3, tit:"作品集指导", con:"邀请国内外顶级音乐留学培训机构和大师提供音乐专业学习及作品集指导，定向培养音乐名校生"},
              {id:4, tit:"海外升学保障", con:"音乐类顶级世界名校+世界综合类名校，为学生的申请提供快速通道等便利条件和奖学金等鼓励措施。"},
              {id:5, tit:"就业前景广泛", con:"学习音乐设计专业方向齐全，可满足不同行业的人才需求，不论是就业或创业都更加有前景。"}
            ],
            lclist:["选择意向<br>学校","预约开放日<br>深度了解","参加统一<br>入学测试","发放通知<br>顺利入学"],
            school:[
              {id:1, src:"./static/image/nav/gj-logo1.png", address:"天津市武清区", fee:"24.00万/年", nj:"九年级,十年级,十一年级,十二年级", name:"清华志清中学国际部音乐科技班招生简章 【国际班】"},
              {id:2, src:"./static/image/nav/gj-logo1.png", address:"天津市武清区", fee:"24.00万/年", nj:"九年级,十年级,十一年级,十二年级", name:"清华志清中学国际部音乐科技班招生简章 【国际班】"},
              {id:3, src:"./static/image/nav/gj-logo1.png", address:"天津市武清区", fee:"24.00万/年", nj:"九年级,十年级,十一年级,十二年级", name:"清华志清中学国际部音乐科技班招生简章 【国际班】"},
              {id:4, src:"./static/image/nav/gj-logo1.png", address:"天津市武清区", fee:"24.00万/年", nj:"九年级,十年级,十一年级,十二年级", name:"清华志清中学国际部音乐科技班招生简章 【国际班】"}
              
            ],
            
            list:{
              news:[
                {id:1, time:"04-14", name:"2023年天津中小学一贯制可寄宿国际学校推荐(附学费)"},
                {id:2, time:"04-14", name:"2023年天津中小学一贯制可寄宿国际学校推荐(附学费)"},
                {id:3, time:"04-14", name:"2023年天津中小学一贯制可寄宿国际学校推荐(附学费)"},
                {id:4, time:"04-14", name:"2023年天津中小学一贯制可寄宿国际学校推荐(附学费)"},
                {id:5, time:"04-14", name:"2023年天津中小学一贯制可寄宿国际学校推荐(附学费)"},
                {id:6, time:"04-14", name:"2023年天津中小学一贯制可寄宿国际学校推荐(附学费)"},
                {id:7, time:"04-14", name:"2023年天津中小学一贯制可寄宿国际学校推荐(附学费)"},
                {id:8, time:"04-14", name:"2023年天津中小学一贯制可寄宿国际学校推荐(附学费)"},
              ],
              labs:[
                {id:1, text:'<span class="sp">孩子成绩不好</span>，北京哪所国际学校比较好考?'},
                {id:2, text:'"就读国际学校后还能<span class="sp">转回普通学校</span>吗?'},
                {id:4, text:'听说读国际学校要<span class="sp">年收入过百万</span>，真的假的?'},
                {id:5, text:'孩子读国际学校还可以<span class="sp">参加高考</span>吗?'},
                {id:6, text:'考<span class="sp">美国藤校、英国牛津、剑桥</span>选哪所国际学校好?'},
                {id:7, text:'读国际学校的孩子<span class="sp">出路</span>好吗?'},
                {id:3, text:'国际学校每年发布的大学<span class="sp">录取榜单</span>是真的还是假的?'},
              ]
            }
            
          }
        }
      }
    })
  </script>
  <link rel="stylesheet" href="./static/animation/animate.min.css" />
  <script type="text/javascript" src="./static/animation/wow.min.js"></script>
  <script>
      var wow = new WOW({
          boxClass: 'wow',
          animateClass: 'animated',
          offset: 0,
          mobile: false,
          live: true
      });
      wow.init();
  </script>
  
</body>
</html>